<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" href="media/css/main.css" type="text/css" media="screen, projection" />
	<title>EUP</title>
</head>
<body id="home">
	<div class="wrap">
		<div id="logo">
			<h1><a href="." title="Home">EUP</a></h1>
			<p>End User Programming</p>
		</div>
		<table id="nav">
			<form action="log_in/" method="post">{% csrf_token %}
				<tr id="input_login">
				  <td><input type="text" name="username" /></td>
				  <td><input type="password" name="password" /></td>
				  <td><input type="submit" value="Entrar" /></td>
				</tr>
			</form>
		</table>
	</div>
	<div class="wrap">
		<div id="left">
			<h2>End User Programming</h2>
			<p>Es un sistema desarrolado para crear cuestionarios dinamicos, con distintas formas de programacion
			como son programacion textual mediante los XML y la programacion hipertextual</p>
		</div>	
		<div id="right">
			<h2>Registrar</h2>
			<table id="table-reg">
				<form action="/guardar_usuario_nuevo/" method="post" id="register-form">{% csrf_token %}
					<tr>
						<td>Username:</td>
						<td>
							{{ form.username}}
						</td>
					</tr>
					<tr>
						<td>Password:</td>
						<td>
							{{ form.password1}}
						</td>
					</tr>
					<tr>
						<td>Confirmar Password:</td>
						<td>
							{{ form.password2}}
						</td>
					</tr>
					<tr>
						<td>Nombre: </td>
						<td>
							{{ form.first_name }}
						</td>
					</tr>
					<tr>
						<td>Apellido:</td>
						<td>
							{{ form.last_name }}
						</td>
					</tr>
					<tr>
						<td>Email</td>
						<td>
							{{ form.email }}
						</td>
					</tr>
					<tr>
					<td><input type="submit" class="button" value="Registrar"/></td>
					</tr>
				</form>
			</table>
		</div>
		<div id="footer">
			<p>Desarrollado por OT JCR FC - SE UCA 2012</p>
		</div>		
	</div>
</body>
</html>
